<template>
  <div>
    <div class="one">

        <img :src="Url" alt="">
       <a href="#">{{name}}</a>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MyVueHomeworkLikedog',
   props:['Url','name'],
  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style scoped>
  .one {
    width: 400px;
    height: 400px;
    border: 1px solid black;
    float: left;
    text-align: center;
    
  }
  .one img {
    width: 100%;
    height: 93%;
  }
  .one a {
    text-decoration: none;
    margin-bottom: 20px;
    color: black;
  }

</style>